iT邦幫忙

2019 iT 邦幫忙鐵人賽

DAY 18
0
自我挑戰組

CSS、JS-30天研究筆記系列 第 19

【day19】DOM-查找節點與屬性

  • 分享至 

  • xImage
  •  

一、DOM(Document Object Model)即文檔物件模型,建構層次化的節點樹,用於添加、移除或修改網頁的 某一部分。

二、節點種類:

  1. 元素節點
  2. 文本節點
  3. 屬性節點

三、查找結點的方法:

  1. getElementById() 獲取ID元素的節點,如果不存在,則返回 null。
  2. getElementsByTagName() 獲取相同標籤元素的節點清單,是個集合
  3. getElementsByName() 獲取相同名稱的節點列表
  4. getAttribute() 獲取特定元素節點屬性的值
  5. setAttribute() 設置特定元素節點屬性的值
  6. removeAttribute() 移除特定元素節點屬性

四、獲取到特定元素節點後可以再查找它的屬性:

  1. tagName 獲取元素節點的標籤名稱
  2. innerHTML 獲取元素節點裡的文字內容
  3. id 元素節點的id名稱
  4. title 元素節點的title屬性值
  5. style CSS內聯樣式屬性值
  6. className CSS元素的類別名稱

上一篇
【day18】BOM
下一篇
【day20】DOM節點屬性
系列文
CSS、JS-30天研究筆記31
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言